<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>CSS Layout</title>
    <link rel="stylesheet" href="style/index.css" />
  </head>
  <body>
    <header>
      <div class="header">
        <h1 class="logo">facebook</h1>
        <button class="register-button">注册</button>
        <a class="join-facebook" href="#">加入或登录 Facebook</a>
      </div>
    </header>
    <main>
      <h2>创建主页</h2>
      <p>
        向 Facebook
        全球社群推广你的业务、你自己或你的公益理念。选择一个主页类别即可开始操作。
      </p>
      <section class="content">
        <section class="content-item">
          <figure>
            <img src="./images/biz.png" alt="">
            <figcaption>商家或品牌</figcaption>
          </figure>
          <p>在 Facebook 上展示商品和服务，突显品牌，向更多顾客推广业务。</p>
          <button>开始</button>
        </section>

        <section class="content-item">
          <figure>
            <img src="./images/community.png" alt="">
            <figcaption>社群或公众人物</figcaption>
          </figure>
          <p>
            与你的社群、组织、团队、小组或俱乐部中的用户建立联系，分享内容。
          </p>
          <button>开始</button>
        </section>
      </section>
    </main>
  </body>
</html>
